<script lang="ts" setup>
import ItemList from "./modules/ItemList.vue";
import { useAuthStore } from "@/store";
import { Icon } from "@iconify/vue";
// import { icons } from "@iconify-json/ep";
// console.log(Object.keys(icons.icons).length);

defineOptions({
  name: "HomeView",
});

const authStore = useAuthStore();

onMounted(async () => {});

const onClick = () => {
  authStore.logout();
};

const iconName = ref("ep:picture");
// const value = ref(1);

const changeIcons = () => {};

console.log("home");
</script>
<template>
  <div>home1</div>

  <Icon :icon="iconName" />
  <el-input v-model="iconName" placeholder="select icons" clearable></el-input>

  <el-button @click="changeIcons">icons</el-button>
  <!-- <el-image src="http://" fit="fill" :lazy="true"></el-image> -->
  <!-- <el-rate v-model="value" /> -->
  <!-- <i-ep-picture></i-ep-picture> -->
  <!-- <HelloWorld msg="tset"></HelloWorld> -->
  <el-button @click="onClick">logout</el-button>

  <ItemList></ItemList>
</template>
<style lang="scss" scoped>
div {
  color: vars.$theme-color;
}
</style>
